<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新闻动态</title>
	<meta http-equiv="X-UA-Compatible" content="IE-edge">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" href="HOME_CSS/bootstrap.min.css">
	<link rel="stylesheet" href="HOME_CSS/base.css">
	<link rel="stylesheet" href="HOME_CSS/index.css">
	<style>

		.hdimg img{
			width: 100%;
			height: 400px;
			overflow: hidden;
		}
		h3.midb{
			border-left: 10px solid #333;
			padding-left: 10px;
			border-bottom: 1px solid #999;
			padding-bottom: 10px;

		}
	</style>
</head>
<body>
		<!-- 头部导航栏 -->
<nav class="navbar navbar-default navbar-fixed-top" id="navHeight">
	<div class="nav-wrap" id="nav-wrap">
		<div class="container">
			<div class="navbar-header">
	            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	            	<span class="icon-bar"></span>
	            	<span class="icon-bar"></span>
	            	<span class="icon-bar"></span>
	            </button>
	            <a href="{:U('Index/index')}" class="navbar-brand"><img src="HOME_IMAGES/logo.png"></a>
			</div>
			<div class="navbar-collapse collapse" >
				<ul class="nav navbar-nav navbar-right">
				    <li><a href="{:U('Index/index')}">首页</a></li>
				    <li><a href="{:U('Index/about')}">关于我们</a></li>
				    <li><a href="{:U('Index/style')}">团队风采</a></li>
				    <li><a href="{:U('Index/news')}" class="active">新闻动态</a></li>
				    <li><a href="{:U('Index/contact')}">联系我们</a></li>
				</ul>
			</div> 
		</div>	
	</div>   
</nav>
<section class="hdimg">
	<img src="HOME_IMAGES/hard.jpg">
</section>
<section class="style">
	<div class="container">
		<div class="row">
			<div class="col-md-3">
				<ul class="list-group contact-s">
					<li class="list-group-item text-center"><h3>联系我们</h3></li>
					<li class="list-group-item">24小时服务热线：0379--60202127</li>
					<li class="list-group-item">公司邮箱：837874713@163.com</li>
					<li class="list-group-item">地址：河南省洛阳市洛龙区洛阳理工<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国家大学科技园E103--E106</li>
				</ul>
			</div>
			<div class="col-md-9">
				<h3 class="mb60 midb">新闻动态 <ol class="breadcrumb pull-right">
				    <li><a href="{:U('Index/index')}">首页</a></li>
				    <li class="active">新闻动态</li>
					</ol>
				</h3>
				<div class="all-ul">
					<ul class="list-group">
						<volist name="news" id="vo">
							<li class="list-group-item">
								<a href="new_content.html?a_id={$vo['id']}">
									<div class="media well">
				    			    	<div class="media-left"><img src="/{$vo.pic}"></div>
				    			    	<div class="media-body">
				    			    		<h3>{$vo.name}</h3>
				    			    		{$vo.remark}
				    			    		<p><span class="pull-right">{$vo.time|date='Y-m-d H:i:s',###}</span></p>
				    			    	</div>
				    			    </div>
								</a>
							</li>
						</volist>    			    	
			    	</ul>	
				<nav class="pull-right">
			    <ul class="pagination">
			    <li>{$page}</li>
				
			    </ul>	
			</nav>
			</div>
		</div>
	</div>
</section>
<footer>
	<div class="container">
	    <div class="row ad">
	    	<!-- <div class="weibo col-md-3 col-xs-6"><img src="HOME_IMAGES/weibo.jpg"></div> -->
			<div class="weixin col-md-4 col-xs-12"><img class="center-block" src="HOME_IMAGES/微信公众.jpg" ></div>
			<div class="friends col-md-6 col-xs-12">
				友情链接：
				<ul>
					<li><a href="">生生乳业</a></li>
					<li><a href="">崂山啤酒</a></li>
					<li><a href="">幸福狐狸</a></li>
					<li><a href="">银鸽</a></li>
					<li><a href="">小胖蜂蜜</a></li>
					<li><a href="">张弓白酒</a></li>
					<li><a href="">生生乳业</a></li>
					<li><a href="">惠尔康</a></li>
					<li><a href="">黛妃科技</a></li>
					<li><a href="">好怡佳</a></li>
					<li><a href="">黛富德</a></li>
				</ul>
			</div>
	    </div>
		
        <div class=" text-center">
            <P>Copyright © 2017.WOWYUN·China All rights reserved.<a href="{:U('Index/index')}">万物云联</a></P>
        </div>
    </div>
</footer>
<script src="HOME_JS/jquery.min.js"></script>
<script src="HOME_JS/bootstrap.min.js"></script>
<script>
	$(document).ready(function() {
		$(".pagination li").click(function() {
			var index=$(this).index();
		    $(".all-ul ul").eq(index).fadeIn().siblings().hide();
		    $(this).addClass('current').siblings().removeClass('current')
		});

	});
</script>
</body>
</html>